<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端总结案例</title>
    <link rel="stylesheet" href="static/plugins/bootstrap-3.3.5/css/bootstrap.css">
    <link rel="stylesheet" href="static/plugins/font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>
<div class="container" style="margin-top: 30px">
    <form class="form-horizontal">
        <div class="row clearfix">
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="inputName" class="col-sm-2 control-label">姓 名</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="inputName" placeholder="姓 名">
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="inputAge" class="col-sm-2 control-label">年 龄</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="inputAge" placeholder="年 龄">
                    </div>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="inputSalary" class="col-sm-2 control-label">薪 资</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="inputSalary" placeholder="薪 资">
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="inputHiredate" class="col-sm-2 control-label">入职时间</label>
                    <div class="col-sm-6">
                        <input type="date" class="form-control" id="inputHiredate" placeholder="入职时间">
<!--                        <input type="datetime-local" class="form-control" id="inputHiredate" placeholder="入职时间">-->
                    </div>
                </div>
            </div>

        </div>

        <div class="row clearfix">
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="inputDepartment" class="col-sm-2 control-label">部 门</label>
                    <div class="col-sm-6">
                        <!--            <input type="password" class="form-control" id="inputDepartment" placeholder="部 门">-->
                        <select class="form-control" id="inputDepartment">
                            <option>前端</option>
                            <option>后端</option>
                            <option>测试</option>
                            <option>算法</option>
                        </select>
                    </div>
                </div>

            </div>
        </div>
        <div class="row clearfix">
            <div class="col-xs-6">
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary">提交信息</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script src="static/js/jquery-3.6.4.min.js"></script>
<script src="static/plugins/bootstrap-3.3.5/js/bootstrap.js"></script>

</body>
</html>